<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./jquery/jquery.js"></script>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

</head>
<body>

  <!--   
    ajax请求时候，url地址是需要指定服务器请求完成的地址(协议://域名:端口/资源)
        如果访问的页面和服务器接口(请求路径)在同一台服务器上(协议、域名、端口)上，可以直接写服务器路径/
        跨域的问题主要集中在ajax异步请求中，换言之页面中的其他资源跨域是不存在问题的(图片、css样式、a标签、js脚本...) 
    
    -->
    <a href="https://www.baidu.com/">百度</a>
    <h2>我是h2标签</h2>
    <img src="http://127.0.0.1:3000/upload/test.png" alt="">
    <input type="button" value="发送跨域请求" onclick="sendCorsRequest()">
    <script>
        function sendCorsRequest(){
            $.ajax({
                url:"http://127.0.0.1:3000/cors/test",
                success:function(data){
                    console.log(data);
                }
            });
        }
    </script>
</body>
</html>